<x-transfer
  [data]="data"
  [(ngModel)]="value"
  (ngModelChange)="change($event)"
  [nodeTpl]="nodeTpl"
  [titleTpl]="titleTpl"
  [titles]="['User list', 'Selected']"
  drag
>
</x-transfer>
<ng-template #nodeTpl let-item="$node"> <x-icon [type]="item.node.icon" class="custom-icon"></x-icon>{{ item.node?.label }} </ng-template>
<ng-template #titleTpl let-title="$title" let-count="$count" let-checkedCount="$checkedCount">
  <div class="custom-title">
    <span>{{ checkedCount <= 0 ? '' : checkedCount + ' /' }} {{ count }} item</span>
    <span>{{ title }}</span>
  </div>
</ng-template>
